<template>
     <div class="components-container">
         <div class="layui-inline">
            <label class="layui-form-label">逝者姓名</label>
             <div class="layui-input-inline">
                <el-input v-model="selectData.JPMNAME" placeholder="请输入"></el-input>
             </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">身份证号</label>
             <div class="layui-input-inline">
                <el-input v-model="selectData.JPMCARDNO" placeholder="请输入" @keydown.enter.native="btnSearch"></el-input>
             </div>
        </div>
        <el-button type="primary" @click="btnSearch"  :loading="this.$store.state.isloading">搜索</el-button>
        <el-button :disabled="this.$store.state.isloading"  @click="btnRepeat">重置</el-button>
        <fieldset class="layui-elem-field layui-field-title">
          <legend style="font-weight: bold;">死者基本信息</legend>
          <div style="display:flex;flex-wrap: wrap;">
              <div class="data-box"><span class="data-title">逝者类型:</span><span class="data-content" v-text="jpmData.JPMTYPEDESC"></span></div>
                <div class="data-box"><span class="data-title">填报单位:</span><span class="data-content" v-text="jpmData.JPMREPORTUSR"></span></div>
                <div class="data-box"><span class="data-title">逝者姓名:</span><span class="data-content" v-text="jpmData.JPMNAME"></span></div>
                <div class="data-box"><span class="data-title">逝者性别:</span><span class="data-content" v-text="jpmData.JPMSEXDESC"></span></div>
                <div class="data-box"><span class="data-title">逝者年龄:</span><span class="data-content" v-text="jpmData.JPMAGE"></span></div>
                <div class="data-box"><span class="data-title">证件类型:</span><span class="data-content" v-text="jpmData.JPMCARDTYPE"></span></div>
                <div class="data-box"><span class="data-title">证件号码:</span><span class="data-content" v-text="jpmData.JPMCARDNO"></span></div>
                <div class="data-box" style="width:800px"><span class="data-title">死亡原因:</span><span class="data-content" style="width:620px" v-text="jpmData.JPMCAUSADESC"></span></div>
                <div class="data-box"><span class="data-title">死亡地点:</span><span class="data-content" v-text="jpmData.JPMDEATHADDRESS"></span></div>
                <div class="data-box"><span class="data-title">死亡日期:</span><span class="data-content" v-text="jpmData.JPMDEATHDATEDESC"></span></div>
                <div class="data-box"><span class="data-title">出生日期:</span><span class="data-content" v-text="jpmData.JPMBIRTHDATEDESC"></span></div>
                <div class="data-box"><span class="data-title">家属姓名:</span><span class="data-content" v-text="jpmData.JPMLINKMAN"></span></div>
                <div class="data-box"><span class="data-title">待办地址:</span><span class="data-content" v-text="jpmData.arr"></span></div>
                <div class="data-box"><span class="data-title">证件类型:</span><span class="data-content" v-text="jpmData.JPMLINKLERCARDTYPEDESC"></span></div>
                <div class="data-box"><span class="data-title">证件号码:</span><span class="data-content" v-text="jpmData.JPMLINKLERCARDNO"></span></div>
                <div class="data-box"><span class="data-title">逝者关系:</span><span class="data-content" v-text="jpmData.JPMLINKRELATION"></span></div>
                <div class="data-box"><span class="data-title">联系电话:</span><span class="data-content" v-text="jpmData.JPMLINKPHONE"></span></div>
                <div class="data-box"><span class="data-title">所属殡仪馆:</span><span class="data-content" v-text="jpmData.ORGNAME"></span></div>
                <div class="data-box" style="width:800px"><span class="data-title">联系地址:</span><span class="data-content" style="width:620px" v-text="jpmData.JPMLINKLERHOUSEHOLD"></span></div>
                <div class="data-box" style="width:800px"><span class="data-title">备注:</span><span class="data-content" style="width:620px" v-text="jpmData.JPMREMARK"></span></div>
          </div>
        </fieldset>
     </div>
</template>
<style scoped>

    .data-box {
        width: 400px;
        font-size: 20px;
        padding: 5px;
        line-height: 25px;
        display: flex;
    }
    .data-title{
        color: #333;
        margin-right:20px;
        display: block;
        width: 120px;
        height: 35px;
        padding: 5px;
        text-align: right;
    }
    .data-content{
        display: block;
        background-color: #ddd;
        padding: 5px;
        width: 220px;
        height: 35px;
    }
</style>

<script>
import apiBase from "@/api/apiBase.js";
import { formatDate, timeStringToDate } from "@/utils/date.js";
import { manage } from "@/mixins/managePage.js";

export default {
  name: "deadFileSearch",
  mixins: [manage],
  data() {
    return {
      selectData: {

      },
        jpmData:{},

    };
  },
  methods: {
    //获取数据
    getData() {
      let Data = JSON.parse(JSON.stringify(this.selectData));
      apiBase.DoService(
        Data,
        apiBase.getApiAdress().Registration.QueryJointDecaase,
        res => {
          this.jpmData = res.data.content;

        }
      );
    },

    //查询条件重置
    btnRepeat() {
    
    }
  },
  mounted() {},
  components: {
    
  },
  created() {
    
  }
};
</script>

